<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" ></meta>
<title>Kingift首页</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<!--[if lt IE 7]>
<script type="text/javascript" src="js/putaojiayuan.js"></script>
<![endif]-->
<script type="text/javascript" src="js/tab.js"></script>
<script src="js/jquery.min.js" type=text/javascript></script>
<script type=text/javascript> 
var _c = _h = 0;
$(document).ready(function () {
    $('#play  li').click(function(){
        var i = $(this).attr('alt') - 1;
        clearInterval(_h);
        _c = i;
        //play();
        change(i);       
    })
    $("#pic img").hover(function(){clearInterval(_h)}, function(){play()});
    play();
})
function play()
{
    _h = setInterval("auto()", 8000);
 
}
function change(i)
{
    $('#play li').css('background-color','#000000').eq(i).css('background-color','#FF3000').blur();
    $("#pic img").fadeOut('slow').eq(i).fadeIn('slow');
}
function auto()
{   
    _c = _c > 6 ? 0 : _c + 1;
 
    change(_c);
}
</script>
<style type="text/css">
.img_switch {margin:0 auto;WIDTH:1000px;HEIGHT: 261px; overflow:hidden}
.img_switch_content {HEIGHT: 261px;position:relative;}
.img_switch_text {width: 262px;position: absolute;z-index:10; bottom:5px;left:10px;HEIGHT: 15px; z-index:10000 !important}
.number_nav {DISPLAY: inline;FLOAT: left;}
.number_nav UL {font:12px Arial, Helvetica, sans-serif;padding: 0px;MARGIN: 0px;LIST-STYLE-TYPE: none;color:#fff;}
.number_nav UL LI {float: left;font-weight: bold;background: #000;float: left;margin-right: 8px;width: 23px;cursor: pointer;line-height: 17px;height: 17px;text-align: center;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
#pic {OVERFLOW: hidden}
</style>
<body>
<div class="top">
  <div class="top_bar">
    <div class="logo"></div>
    <div class="at1">Visit Us on iPhone</div>
    <div class="clear"></div>
  </div>
  <div class="nav">
    <ul>
      <li><a href="index.html">主页</a></li>
      <li><a href="call.html">美图</a></li>
      <li><a href="tongxun.html">Just Talk</a></li>
      <li><a href="dongtai2.html">活动</a></li>
      <li><a href="liuyang.html">Contact Us</a></li>
    </ul>
  </div>
</div>
<div class="content">
  <div class="main">
    <div class="container">
      <div class="denglu">
        <div class="tabbox">
          <div class="menu5">
            <ul>
              <li id="one1" onmouseover="setTab('one',1,2)" class="hover">用户登录</li>
              <li id="one2" onmouseover="setTab('one',2,2)">Admin登录</li>
            </ul>
          </div>
          <div class="con_t1" id="con_one_1">
            <table width="100%" border="0">
              <tr>
                <td width="60" height="40" align="right">用户名&nbsp;</td>
                <td><input type="text" value="" class="text2" /></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">密&nbsp;&nbsp;码&nbsp;</td>
                <td><input type="password" value="" class="text2"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">&nbsp;</td>
                <td><div class="c4">
                    <input type="submit" value="" class="btn2" />
                    &nbsp;&nbsp;<a href="http://www.865171.cn/" style="font-weight:normal; font-size:12px; color:#610007">忘记密码</a></div></td>
              </tr>
            </table>
          </div>
          <div class="con_t1" id="con_one_2" style="display:none">
            <table width="100%" border="0">
              <tr>
                <td width="60" height="40" align="right">用户名&nbsp;</td>
                <td><input type="text" value="" class="text2" /></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">密&nbsp;&nbsp;码&nbsp;</td>
                <td><input type="password" value="" class="text2"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">&nbsp;</td>
                <td><div class="c4">
                    <input type="submit" value="" class="btn2" />
                    &nbsp;&nbsp;<a href="http://www.865171.cn/">忘记密码</a></div></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <DIV class="img_switch">
      <DIV class="img_switch_content" id="pic"> <a href="http://www.865171.cn/"><IMG  src="images/banner3.jpg"></a> <a href="http://www.865171.cn/"><IMG  src="images/banner4.jpg"></a> <a href="http://www.865171.cn/"><IMG  src="images/banner3.jpg"></a> 
        <DIV class="img_switch_text">
          <DIV class="number_nav">
            <UL id="play">
              <LI alt="1" style="background:#f00;">1</LI>
              <LI alt="2">2</LI>
              <LI alt="3">3</LI>
            </UL>
          </DIV>
        </DIV>
      </DIV>
    </DIV>
    </div>
    <div class="box1">
      <div class="img1"><img src="images/icon3.jpg"  width="122" height="152"/></div>
      <div class="txt">
        <h2><a href="http://www.865171.cn/">亿贝CALL</a></h2>
        <div class="txt2">
          <p>了解有关选项卡和选项卡快捷方式、加速器和 InPrivate 浏览的更多信息加速器和 InPrivate 浏览的更多信息 </p>
        </div>
        <div class="at2"> <a href="http://www.865171.cn/"><img src="images/btn1.jpg"  width="142" height="39"/></a><span><a href="http://www.865171.cn/">>>了解详情</a></span> </div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="box1">
      <div class="img1"><img src="images/icon4.jpg"  width="122" height="152"/></div>
      <div class="txt">
        <h2><a href="http://www.865171.cn/">亿贝CALL</a></h2>
        <div class="txt2">
          <p>了解有关选项卡和选项卡快捷方式、加速器和 InPrivate 浏览的更多信息加速器和 InPrivate 浏览的更多信息 </p>
        </div>
        <div class="at2"> <a href="http://www.865171.cn/"><img src="images/btn1.jpg"  width="142" height="39"/></a><span><a href="http://www.865171.cn/">>>了解详情</a></span> </div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <div style="background:url(images/bg6.jpg) repeat-x; height:2px; width:100%; margin-bottom:18px; overflow:hidden"></div>
    <div class="box2">
      <h2 class="title1"><img src="images/icon1.jpg" />&nbsp;&nbsp;最新动态</h2>
      <ul class="menu1">
        <li><a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span></li>
        <li><a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span></li>
        <li><a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span></li>
        <li><a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span></li>
      </ul>
      <div><a href="http://www.865171.cn/" style="float:right; color:#b05004">>>了解详情</a></div>
    </div>
    <div class="box3">
      <div class="txt3">
        <h2 class="title2"><img src="img/icon2.gif" />&nbsp;&nbsp;客服中心</h2>
        <img src="images/phone.gif" width="198" height="111"/> </div>
      <div class="img2"><a href="http://www.865171.cn/"><img src="images/icon5.gif" width="162" height="158"/></a></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<div class="foot">
  <div class="foot_nav"><a href="">帮助中心</a>|<a href="http://www.865171.cn/">隐私条款</a>|<a href="http://www.865171.cn/">关于我们</a></div>
  <div class="foot_bar">&copy;2012.Kingift All Rights Reserved.<br /></div>
  <div class="clear"></div>
</div>
</body>
</html>
